<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    
</body>
<script type="module">
    import Snake from "./Snake.js"

    let snake =new Snake();
    console.log(snake);
    
  //绑定页面的键盘时候
  document.onkeydown = function(e){
            //比如按的是w  key获取到"w"字符串
            let key = e.key

            switch(key){
                case "w":{ //up  前提条件：之前的方法不能是往下的
                    if(snake.dir !== "down"){
                        snake.dir = "up"
                    }
                    break;
                }
                case "a":{ //up  前提条件：之前的方法不能是往下的
                    if(snake.dir !== "right"){
                        snake.dir = "left"
                    }
                    break;
                }
                case "s":{ //up  前提条件：之前的方法不能是往下的
                    if(snake.dir !== "up"){
                        snake.dir = "down"
                    }
                    break;
                }
                case "d":{ //up  前提条件：之前的方法不能是往下的
                    if(snake.dir !== "left"){
                        snake.dir = "right"
                    }
                    break;
                }
            }
        }


</script>

</html>